<!DOCTYPE html>
<html  lang="zh_CN" xmlns:th="http://www.thymeleaf.org" style="overflow: hidden">
<head>
    <meta charset="utf-8"/>
    <title> 账户详情 </title>
    <th:block th:include="~{common/common::commonHead}"/>
    <!--<meta name="description" content="Dashboard"/>-->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1.0"/>-->
    <!--<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>-->
    <!--<link rel="shortcut icon" href="../../img/favicon.ico" th:href="@{/img/favicon.ico}" type="image/x-icon">-->

    <!--&lt;!&ndash;Basic Styles&ndash;&gt;-->
    <!--<link href="../../lib/bootstrap-3.3.7/css/bootstrap.min.css" th:href="@{/lib/bootstrap-3.3.7/css/bootstrap.min.css}" rel="stylesheet"/>-->
    <!--<link href="../../lib/font-awesome-4.7.0/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>-->
    <!--<link href="../../lib/jquery-ui/css/weather-icons.min.css" th:href="@{/lib/jquery-ui/css/weather-icons.min.css}" rel="stylesheet"/>-->
    <!--&lt;!&ndash;Beyond styles&ndash;&gt;-->
    <!--<link href="../../lib/jquery-ui/css/beyond.min.css" th:href="@{/css/beyond.min.css}" rel="stylesheet" type="text/css"/>-->
    <!--&lt;!&ndash; Relative framework custom style &ndash;&gt;-->
    <!--<link href="../../css/common.css" th:href="@{/css/common.css}" rel="stylesheet"/>-->

    <!--&lt;!&ndash;Skin Script: Place this script in head to load scripts for skins and rtl support&ndash;&gt;-->
    <!--<script src="../../lib/jquery-ui/js/skins.min.js" th:src="@{/lib/jquery-ui/js/skins.min.js}"></script>-->
    <!--&lt;!&ndash;Basic Scripts&ndash;&gt;-->
    <!--<script src="../../lib/jquery-ui/js/jquery-2.0.3.min.js" th:src="@{/lib/jquery-ui/js/jquery-2.0.3.min.js}"></script>-->
    <!--<script src="../../lib/bootstrap-3.3.7/js/bootstrap.min.js" th:src="@{/lib/bootstrap-3.3.7/js/bootstrap.min.js}"></script>-->
    <!--&lt;!&ndash;Beyond Scripts&ndash;&gt;-->
    <!--<script src="../../lib/jquery-ui/js/beyond.min.js" th:src="@{/lib/jquery-ui/js/beyond.min.js}"></script>-->
    <!--<script src="../../js/common.js" th:src="@{/js/common.js}"></script>-->
    <!-- addCommodity -->
    <!-- addCommodity -->
</head>
<body>
<div class="page-body accordion-detail">
    <div class="row">
        <div class="col-md-12">
            <div class="profile-container">
                <div class="profile-header row">
                    <div class="col-md-2 col-sm-4 text-center">
                        <img src="../../img/temp1.png" alt="" class="header-avatar" />
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-12 profile-info">
                        <div class="header-fullname">黄洪峰</div>
                        <div class="profile-working">
                            <a href="#" class="btn btn-palegreen btn-sm">
                                <i class="fa fa-check"></i>
                                充值
                            </a>
                            <a href="#" class="btn btn-blue btn-sm">
                                <i class="fa fa-check"></i>
                                工资发放
                            </a>
                        </div>
                        <div class="header-information">
                            <h4>账户余额<span class="accordion-balance">888.88</span></h4>
                            <p class=""> 农行卡号 <span class="card-numbers">622848******4608</span> </p>
                        </div>
                    </div>
                    <div class="col-lg-5 col-md-5 col-sm-12 col-xs-12 profile-stats">
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 stats-col">
                                <div class="stats-value blue">5000 <span class="value-unit">元</span></div>
                                <div class="stats-title">冻结资金</div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 stats-col">
                                <div class="stats-value blue">803 <span class="value-unit">元</span></div>
                                <div class="stats-title">可用资金</div>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12 stats-col">
                                <div class="stats-value blue">1207 <span class="value-unit">元</span></div>
                                <div class="stats-title">消费阈值</div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 inlinestats-col">
                                表现: <strong class="blue">优</strong>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 inlinestats-col">
                                奖励额度: <strong class="blue">+200</strong>
                            </div>
                            <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4 inlinestats-col">
                                考核分:<strong class="blue">9</strong>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="profile-body">
                    <div class="col-lg-12">
                        <div class="grid-table">
                            <div class="toolbar">
                                <div class="fl-left">
                                    <h3 class="" > 最近交易 <a class="more-table" href=""> 更多>></a> </h3>
                                </div>
                                <form class="search-content form-horizontal" role="form">
                                    <div class="col-xs-6">
                                        <div class="form-group">
                                            <label class="col-xs-4 control-label"> 单位名称 </label>
                                            <div class="col-xs-8">
                                                <div class="iconic-input right">
                                                    <input name="orgName" type="text" class="form-control spinner"
                                                           placeholder="单位名称">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-6">
                                        <div class="form-group">
                                            <label class="col-xs-4 control-label"> 单位状态 </label>
                                            <div class="col-xs-8">
                                                <select name="orgStatus" class="form-control spinner">
                                                    <option value="-1">全部</option>
                                                    <option value="1">正常</option>
                                                    <option value="0">无效</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-xs-12">
                                        <button id="cancel" type="button" class="btn btn-default pull-right">取消</button>
                                        <button id="ok" type="button" class="btn btn-blue pull-right">确定</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="accountDetail"></div>
</div>
</body>

</html>
